<div class="attendance-all" @myInsertRemoveTrigger *ngIf="change" [hidden]="!hide" draggable="true">
  <div class="top">
    <span class="spanOne" (click)="close()"><i class="iconfont icon-xiajiantou"></i></span>

  </div>

  <!-- 考勤主体 -->
  <div class="attendance-content">
    <h4>&nbsp;</h4>
    <div class="attendance-time">
      <!-- 时间 -->
      <div class="attendance-time-left">
        <p><span>上午--</span><span>8:00~12:00</span></p>
        <p><span>午休--</span><span>12:00~13:00</span></p>
        <p><span>下午--</span><span>13:00~17:30</span></p>
      </div>
      <div class="attendance-time-left">
        <p><span>迟到</span><span>()</span>次</p>
        <p><span>早退</span><span>()</span>次</p>
        <p><span>请假</span><span>()</span>次</p>
      </div>
    </div>

    <div class="btn-all">
      <button class="btn-save" (click)="on()">签到</button>
      <button class="btn- cancel" (click)="off()">签退</button>
    </div>

  </div>
</div>
